<!DOCTYPE html>
<html>
<head>
<title>青岛机场数据分析平台</title>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="image/tao.ico" type="image/x-icon" />

<link rel="stylesheet" href="css/bootstrap.min.css"></link>
<link rel="stylesheet" href="css/my.css"></link>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/echarts.min.js"></script>

<script type="text/javascript" src="js/head.js"></script>
<script src="js/utils3.js"></script>

<style>
	.nav > li:hover .dropdown-menu {
		display: block;
	}
</style>
</head>

<body>
	<div id="headnav"></div>
	<div class="container-fluid">
		<div class="row icenter">
			<div class="ifonth1">2018年三大指标同比</div>
			<div class="ifonth4" id="deadline"></div>
		</div>

		<div class="row" style="padding-top: 20px">
			<div class="col-md-4">
				<div class="row">
					<div class="col-md-5" style="padding-left:100px">
						<img src="image/traveler.png" alt="traveler" />
					</div>
					<div class="col-md-7">
						<div class="col-md-12 ileft ifont">累计旅客:</div>
						<div class="col-md-12 ileft ifont" id="lvke"></div>
					</div>

				</div>
				<div id="pieDiagram" class="col-md-12  icenter"
					style="height: 300px; wight: 400px"></div>
				<div class="col-md-12 iblue" id="lvzz"></div>
			</div>

			<div class="col-md-4">
				<div class="row">
					<div class="col-md-5" style="padding-left:100px">
						<img src="image/huoyou.png" alt="traveler" />
					</div>
					<div class="col-md-7">
						<div class="col-md-12 ileft ifont">累计货邮:</div>
						<div class="col-md-12 ileft ifont" id="huoyou"></div>
					</div>
				</div>
				<div id="pieDiagram2" class="col-md-12  icenter"
					style="height: 300px;"></div>
				<div class="col-md-12  iblue" id="hyzz"></div>
			</div>

			<div class="col-md-4">
				<div class="row">
					<div class="col-md-5" style="padding-left:100px">
						<img src="image/flight.png" alt="traveler" />
					</div>
					<div class="col-md-7">
						<div class="col-md-12 ileft ifont">累计航班:</div>
						<div class="col-md-12 ileft ifont" id="jiaci"></div>
					</div>
				</div>
				<div id="pieDiagram3" class="col-md-12  icenter"
					style="height: 300px;"></div>
				<div class="col-md-12  iblue" id="hbzz"></div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		var myChart = echarts.init(document.getElementById('pieDiagram'));
		var myChart2 = echarts.init(document.getElementById('pieDiagram2'));
		var myChart3 = echarts.init(document.getElementById('pieDiagram3'));
		myChart.title = '累计旅客';
	</script>

</body>

</html>